@charset "utf-8";

.main {
 margin:0 auto;
 width:1200px
}
.section {
 background-color:#fff;
 padding:30px 0
}
.section.bg {
 background-color:#f1f1f1;
}
.sol-section {
 background-color:#f1f1f1;
 padding-bottom:150px
}
.sec-header {
 text-align:center;
 margin-bottom:40px
}
.sec-header h3 {
 font-size:32px;
 margin-bottom:20px
}
.sec-header p {
 color:#686868;
 font-size:16px
}
.tudo-box {
 overflow:hidden;
 width:585px;
 border-radius:10px;
 background-color:#fff
}
.tudolist {
 margin:0 -15px
}
.tudolist li {
 float:left;
 padding:15px
}
.tu-photo {
 overflow:hidden
}
.tu-grid {
 padding:20px 15px
}
.tu-grid h3 {
 font-size:20px;
 margin-bottom:10px
}
.tu-grid p {
 color:#777;
 line-height:2;
 font-size:15px
}
.sec-foot {
 text-align:center
}
.sec-foot {
 margin-top:30px
}
.sec-foot a {
 display:inline-block;
 width:190px;
 height:40px;
 background-color:#f32f35;
 border-radius:30px;
 line-height:40px;
 color:#fff
}
.adv-section {
 background:url(../images/advbg.jpg) center no-repeat;
 background-size:cover;
 padding-bottom:40px
}
.adv-section .sec-header h3 {
 color:#fff
}
.adv-section .sec-header p {
 color:#fff;
 opacity:.7;
 line-height:2
}
.adv-cells {
 border:1px solid #656668
}
.adv-item {
 position:relative;
 float:left;
 width:25%;
 height:425px;
 color:#fff;
 overflow:hidden
}
.adv-item::before {
 content:'  ';
 width:1px;
 height:100%;
 position:absolute;
 right:0;
 top:0;
 background-color:#656668
}
.adv-item .inner {
 padding:45px 15px
}
.adv-item:last-child::before {
 display:none
}
.adv-header h3 {
 font-size:18px;
 margin-bottom:6px
}
.adv-header p {
 font-size:13px
}
.adv-line {
 background-color:#d4090f;
 width:44px;
 height:4px;
 margin:13px 0
}
.adv-body {
 line-height:2
}
.adv-nn {
 position:absolute;
 font-size:58px;
 font-weight:700;
 right:20px;
 bottom:40px;
 line-height:1;
 transition:.4s ease
}
.adv-item::after {
 content:' ';
 display:block;
 position:absolute;
 width:100%;
 bottom:-118px;
 left:0;
 background:url(../images/adv_btm.png) no-repeat;
 background-size:100% 100%;
 height:118px;
 transition:.4s ease
}
.adv-item:hover::after {
 bottom:0
}
.adv-item:hover .adv-nn {
 bottom:110px
}
.section-white {
 background-color:#fff
}
.serve-cells {
 position:relative;
 height:490px;
 background:url(../images/xiantiao.png) center bottom no-repeat
}
.serve-box {
 position:absolute;
 width:190px;
 min-height:220px;
 padding-top:20px;
 padding-bottom:20px;
 border-radius:10px;
 background-color:#fff;
 text-align:center;
 box-shadow:0 0 16px rgba(0,0,0,.1)
}
.serve-box p {
 font-size:15px;
 color:#8d8d8d
}
.serve-box h3 {
 font-size:18px;
 color:#000;
 padding:8px 0
}
.serve-box:nth-child(1) {
 left:40px;
 top:80px
}
.serve-box:nth-child(2) {
 left:340px;
 top:0
}
.serve-box:nth-child(3) {
 left:680px;
 top:20px
}
.serve-box:nth-child(4) {
 left:1010px;
 top:60px
}
.form-section {
 position:relative;
 padding:0;
 height:300px;
 background:url(../images/formbg.jpg) center no-repeat
}
.form-section .form-hd {
 font-weight:700;
 font-size:24px;
 color:#fff;
 text-align:center;
 padding-top:60px;
 margin-bottom:30px
}
.form-group {
 position:relative;
 float:left;
 background-color:#fff;
 width:300px;
 height:40px;
 margin:0 10px
}
.form-group .input {
 width:100%;
 text-indent:15px;
 height:40px
}
.form-group img {
 position:absolute;
 right:10px;
 top:5px
}
.form-bd {
 padding:0 118px
}
.form-button {
 text-align:center;
 margin-top:50px
}
.form-button button {
 cursor:pointer;
 width:190px;
 height:40px;
 background-color:#003e92;
 border-radius:30px;
 line-height:40px;
 color:#fff
}
.footer {
 background-color:#313131
}
.copyright {
 background-color:#252525;
 color:#959595;
 height:50px;
 line-height:50px;
 text-align:center;
 font-size:13px
}
.footer .main {
 background-color:#313131;
 padding-top:25px;
 padding-bottom:15px;
 padding-left:70px;
 padding-right:70px
}
.end-logo {
 float:left;
 border-right:1px solid #000;
 padding:15px 15px 15px 0
}
.foot-links {
 float:left
}
.foot-rt {
 width:260px;
 float:right
}
.wx-box {
 float:left;
 text-align:center;
 width:126px;
 margin-right:5px
}
.wx-box img {
 width:126px;
 height:126px
}
.wx-box p {
 color:#cdcdcd;
 font-size:13px;
 margin-top:10px
}
.rt-info {
 float:left;
 line-height:2;
 font-size:15px;
 color:#fff
}
.foot-nav {
 float:left;
 width:180px
}
.foot-nav a {
 color:#fff
}
.foot-nav dt {
 margin-bottom:15px
}
.foot-nav dt a {
 font-size:18px;
 font-weight:700
}
.foot-nav dd a {
 font-size:13px;
 color:#aeaeae
}
.foot-nav dd {
}
.wx-icon {
 width:36px;
 position:relative;
 margin-top:30px
}
.wx-icon .wx-box {
 display:none;
 max-width:150px;
 width:150px;
 height:158px;
 position:absolute;
 left:-60px;
 bottom:50px
}
.wx-icon:hover .wx-box {
 display:block
}
.ct-box {
 color:#fff
}
.ct-box .hd {
 font-weight:700;
 font-size:18px;
 margin-bottom:5px
}
.ct-box .v {
 font-size:28px
}
.rt-address {
 color:#aeaeae;
 margin-bottom:10px;
 line-height:1.8
}
.foot-rt .line {
 height:1px;
 background-color:#b9b9b9;
 margin:10px 0
}
.adv-text {
 width:550px
}
.adv-tt {
 position:relative;
 margin-bottom:10px
}
.adv-tt div {
 position:absolute;
 z-index:9;
 font-weight:700;
 font-size:24px;
 color:#fff;
 left:70px;
 text-align:center;
 right:20px;
 bottom:0;
 padding:10px 0
}
.adv-text .adv-en {
 color:#cbcbcb;
 font-size:12px;
 margin-bottom:10px
}
.adv-text .adv-ch {
 line-height:1.8;
 color:#434343
}
.adv-photo {
 width:630px;
 text-align:center;
 margin-top:-60px
}
.adv-cell {
 margin-bottom:60px
}
.adv-cell:last-child {
 margin-bottom:0
}
.sec-link {
 border:2px solid #003e92;
 border-radius:5px;
 height:50px;
 width:510px;
 margin:0 auto;
 margin-top:40px;
 overflow:hidden
}
.sec-link a {
 display:block;
 width:50%;
 line-height:50px;
 text-align:center;
 font-size:18px;
 float:left
}
.sec-link .link-bg {
 background-color:#003e92;
 color:#fff
}
.sec-link .link-solid {
 color:#003e92
}
.proj-tab {
 text-align:center
}
.proj-tab li {
 display:inline-block;
 border:1px solid #e0e0e0;
 width:180px;
 height:40px;
 line-height:40px;
 text-align:center;
 font-size:16px;
 color:#4e4e4e;
 cursor:pointer;
 border-radius:4px;
 overflow:hidden;
 margin:0 6px
}
.proj-tab li.on {
 border:1px solid #003e92;
 background-color:#003e92;
 color:#fff
}
.proj-slide .hd {
 margin-bottom:40px
}
.proj-pane {
 margin:0 -9px
}
.proj-list {
 float:left;
 overflow:hidden;
 padding:0 8px
}
.proj-list li {
 width:290px;
 height:215px;
 margin-bottom:15px
}
.proj-list .proj-box {
 position:relative;
 display:block;
 width:290px;
 height:215px
}
.proj-list li.lg-box {
 width:590px;
 height:446px
}
.proj-list li.lg-box .proj-box {
 display:block;
 width:590px;
 height:446px
}
.proj-box img {
 width:100%;
 height:100%
}
.proj-box * {
 transition:.4s all
}
.proj-box .proj-head {
 overflow:hidden;
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 padding:15px;
 color:#fff;
 z-index:9
}
.proj-box .tt {
 float:left;
 font-size:16px;
 line-height:30px
}
.proj-box .icon-adx {
 float:right;
 font-size:30px;
 line-height:1;
 color:#fff;
 width:30px;
 height:30px;
 border-radius:30px;
 background:url(../images/add.png) center no-repeat
}
.proj-box:hover::after {
 width:100%;
 height:100%;
 content:'  ';
 display:block;
 position:absolute;
 left:0;
 top:0;
 background-color:#003e92;
 opacity:.55
}
.proj-box:hover .proj-head {
 bottom:0;
 top:50%;
 transform:translateY(-50%);
 height:80px
}
.proj-box:hover .proj-head * {
 float:none;
 text-align:center;
 margin:0 auto
}
.proj-box:hover .tt {
 margin-top:15px
}
.zx-cell {
 position:relative;
 background-repeat:no-repeat;
 background-position:center;
 height:200px
}
.zx-cell .main {
 height:200px
}
.zx-text {
 float:left;
 padding:50px 0
}
.zx-text h3 {
 color:#e2271d;
 font-size:34px;
 line-height:50px
}
.zx-text h5 {
 color:#fff;
 font-size:20px
}
.zx-grid {
 overflow:hidden;
 padding:25px 0;
 float:right
}
.zx-btns {
 float:left;
 padding:10px 0
}
.zx-wx {
 float:left;
 margin-left:20px
}
.zx-btns a {
 display:block;
 width:52px;
 border:1px solid #fff;
 line-height:52px;
 width:316px;
 border-radius:43px;
 font-size:28px;
 font-size:0
}
.zx-btns a * {
 display:inline-block;
 vertical-align:middle
}
.zx-btns a span {
 font-size:28px
}
.zx-btns .zx-link {
 text-align:center;
 background-color:#fff;
 margin-bottom:20px
}
.zx-btns .tel {
 color:#003e92
}
.zx-btns .zx-scan {
 color:#fff;
 display:inline-block
}
.zx-btns .zx-scan span {
 padding:0 20px
}
.sol-slide {
 overflow:hidden
}
.sol-slide .hd {
 background-color:#fff;
 width:235px;
 height:510px;
 float:left
}
.sol-slide .bd {
 background-color:#fff;
 width:950px;
 height:510px;
 float:right
}
.sol-slide .sol-pane {
 padding:20px
}
.sol-slide .hd .sol-tt {
 background-color:#003e92;
 color:#fff;
 font-size:18px;
 height:60px;
 line-height:60px;
 text-align:center
}
.sol-tab li {
 height:44px;
 line-height:44px;
 padding:0 15px;
 border-bottom:1px solid #f5f5f5;
 cursor:pointer
}
.sol-tab li * {
 float:left;
 display:inline-block;
 vertical-align:middle
}
.sol-tab li .tt {
 margin-left:10px;
 color:#797979
}
.sol-tab li .icon-next-m {
 float:right;
 color:#aeaeae
}
.sol-tab li.on * {
 color:#003e92
}
.sol-title {
 font-size:26px;
 margin-bottom:20px
}
.sol-grid {
 overflow:hidden
}
.sol-grid .sol-photo {
 float:left;
 width:530px;
 margin-right:20px
}
.sol-grid .col {
 overflow:hidden
}
.sol-grid .txt {
 color:#848383;
 padding:20px 0;
 line-height:1.8
}
.sol-grid .ft {
 text-align:center;
 padding-top:20px
}
.sol-grid .sol-link {
 width:160px;
 height:30px;
 line-height:30px;
 background-color:#003e92;
 color:#fffffe;
 display:inline-block
}
.sec-ad {
 background-color:#003e92
}
.sec-ad .main {
 position:relative;
 height:130px
}
.sec-ad .main .ad-pic {
 position:absolute;
 line-height:1;
 bottom:0;
 left:0
}
.ad-right {
 float:right;
 padding:36px 0;
 overflow:hidden
}
.ad-right .adlink {
 display:block;
 border:3px solid #fff;
 border-radius:4px;
 color:#fff;
 font-size:16px;
 padding:12px 0;
 width:190px;
 text-align:center;
 float:left;
 margin-right:20px
}
.ad-tel {
 color:#fff;
 float:left;
 padding-left:56px;
 height:48px;
 background:url(../images/telad.png) left center no-repeat
}
.ad-tel .txt {
 line-height:18px;
 font-size:16px
}
.ad-tel .v {
 font-size:26px;
 font-weight:700;
 line-height:30px
}
.brand-tab {
 overflow:hidden;
 margin-bottom:30px;
   margin: 0 13%;
}
.brand-tab li {
 float:left;
 width:33%
}
.brand-tab li .brand-box {
 width:275px;
 height:160px;
 margin:0 auto;
 text-align:center;
 cursor:pointer
}
.brand-tab li .brand-box img {
 margin-top:20px
}
.brand-tab li.on .brand-box {
 background:url(../images/curbg.png) no-repeat
}
.brand-box .text {
 font-size:16px;
 padding-top:10px
}
.slideBox {
 position:relative
}
.slideBox .sPrev,
.slideBox .sNext {
 width:38px;
 height:38px;
 cursor:pointer;
 background-repeat:no-repeat;
 background-position:center;
 position:absolute;
 top:50%;
 z-index:999;
 margin-top:-19px
}
.slideBox .sPrev {
 left:-40px;
 background-image:url(../images/left.png)
}
.slideBox .sNext {
 right:-40px;
 background-image:url(../images/right.png)
}
.slideBox ul {
 overflow:hidden;
 padding:10px 0
}
.rec-box {
 position:relative;
 display:block;
 width:386px;
 margin:0 auto;
 text-align:center;
 height:386px;
 overflow:hidden;
 box-shadow:0 0 6px rgba(0,0,0,.08)
}
.slideBox li {
 float:left;
 padding:10px 7px
}
.rec-box .rec-title {
 width:100%;
 height:50px;
 line-height:50px;
 font-size:16px; overflow:hidden;
 background-color:#003e92;
 color:#fff
}
.rec-box::after {
 display:none;
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0;
 content:' ';
 background-color:#003e92;
 opacity:.34
}
.rec-box:hover::after {
 display:block
}
.rec-box:hover .rec-title {
 width:auto;
 position:absolute;
 display:block;
 background-color:transparent;
 border:1px solid #fff;
 color:#fff;
 z-index:999;
 top:50%;
 left:50%;
 transform:translateX(-50%);
 padding:0 25px;
 border-radius:40px;
 margin-top:-25px
}
.rec-pic {
}
.rec-pic img {
 width:390px;
 height:330px
}
.about-panel {
 float:left;
 width:690px
}
.media-cell {
 float:right;
 width:450px
}
.box-hd {
 position:relative;
 height:50px;
 overflow:hidden;
 margin-bottom:25px;
 border-bottom:1px solid #e5e5e5
}
.box-tt {
 float:left;
 font-size:22px;
 line-height:50px;
 color:#003e92
}
.box-hd .box-more {
 float:right;
 color:#999;
 font-size:12px;
 line-height:48px
}
.box-tt .iconfont {
 font-size:24px
}
.about-cell {
 margin-bottom:20px
}
.about-cell .about-pic {
 width:300px;
 height:220px;
 float:left;
 margin-right:20px
}
.about-cell .about-pic img {
 width:300px;
 height:220px
}
.about-cell .col {
 overflow:hidden
}
.about-cell .text {
 padding:10px 0;
 line-height:1.5
}
.about-cell .a-link {
 width:130px;
 height:36px;
 display:block;
 line-height:36px;
 background-color:#003e92;
 color:#fff;
 text-align:center;
 margin-top:10px
}
.media-rec {
 height:116px;
 margin-bottom:15px;
 line-height:1.2
}
.media-rec .pic {
 float:left;
 margin-right:15px;
 width:160px;
 height:116px
}
.media-rec .pic img {
 width:160px;
 height:116px
}
.media-rec .title {
 margin-bottom:6px
}
.media-rec .title a {
 font-size:16px
}
.media-rec .col {
 padding:10px 0
}
.media-rec .desc {
 margin-bottom:6px;
 line-height:1.6
}
.media-rec .time {
 font-size:12px;
 color:#999
}
.rec-list li {
 border-bottom:1px solid #eee
}
.rec-list li a {
 position:relative;
 padding-left:20px;
 height:46px;
 line-height:46px;
 display:block;
 position:relative
}
.rec-list li a::after {
 content:' ';
 display:block;
 position:absolute;
 width:6px;
 height:6px;
 background-color:#003e92;
 left:5px;
 top:110px;
 margin-top:-90px
}
.rec-list li a .rec-tit {
 float:left;
 color:#393939
}
.rec-list li a .rec-time {
 float:right;
 color:#9f9f9f
}
.honner-slide {
 margin:0 auto;
 width:625px;
 position:relative
}
.honner-slide .prev,
.honner-slide .next {
 position:absolute;
 top:50%;
 line-height:1;
 margin-top:-25px;
 cursor:pointer
}
.honner-slide .prev {
 left:-20px
}
.honner-slide .next {
 right:-20px
}
.honner-slide .prev .iconfont,
.honner-slide .next .iconfont {
 font-size:30px;
 color:#999
}
.honner-slide li {
 float:left;
 padding:1px
}
.h-box {
 text-align:center;
 width:206px
}
.h-box .h-pic {
 background-color:#eee;
 height:155px;
 line-height:155px;
 overflow:hidden;
 text-align:center
}
.h-box .h-title {
 margin-top:10px
}
.foot-rt .line {
 height:1px;
 width:100%;
 margin:10px 0;
 background-color:#b9b9b9
}